<template>
  <div class="behind-box">
    <div class="behind-big">
      <img src="../../../public/class/basis/big1.png">
    </div>
    <div class="behind-small">
      <Small  :data="obj.arr"/>
    </div>
  </div>
</template>

<script>
import Small from "./smallimg.vue"
export default {
  components:{
    Small
  },
  data(){
    return{
      obj:{
        arr:[
          {url:"./class/front/quan.jpg",text:"全部"},
          {url:"./class/front/vue.png",text:"计算机网络"},
          {url:"./class/front/ts.png",text:"算法与数据..."},
          {url:"./class/front/react.png",text:"数学"},
        ]
      }
    }
  }
}
</script>

<style scoped>
.behind-box{
   margin-left: 0.9rem;
  width: 2.715rem;
  /* background-color: aqua; */
}
.behind-big{
  width: 2.435rem;
  margin: auto;
  /* height: 1.91rem; */
  /* background-color: burlywood; */
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content:space-between;
}
.behind-big img{
  width: 2.435rem;
  height: 0.91rem;
}
.behind-small{
  width:2.435rem;
  margin: auto;
  /* background-color: chartreuse; */
  display: flex;
  flex-wrap: wrap;
}
</style>